import React, { useState } from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'

// JSX 模板
// root 根节点 范围内 react 起作用
// JSX js 扩展语法，只在 react 中生效
// React 用来表达 UI 组件
// JSX 优点 UI 简单 方便 直观（可以直接写html）
// JSX 不能用 class 要用 className，要跟class关键字做区分

// let world = 'Cavan';

// const element = <h1 className='bd yellow'>Hello,{world}!</h1>

// const Hello = () => {
//   return <div>Hello,{world}!</div>
// }

let dataStr = new Date().toLocaleTimeString();
setInterval(() => {
  dataStr = new Date().toLocaleTimeString();
}, 1000)
ReactDOM.createRoot(document.getElementById('root')).render(
  // element
  // <Hello></Hello>
  // UI 大舞台
  // 统一的父元素div
  <div>
    <h1>Hello,world!</h1>
    <h2>现在是{dataStr}</h2>
  </div>
)
